import Layout from "antd/es/layout";
import { Content, Footer, Header } from "antd/es/layout/layout";
import { FC, useState } from "react";
import { Outlet } from "react-router-dom";
import styles from "./MainLayout.module.scss"
import Logo from "../components/Logo";

const MainLayout: FC = () => {


    return <>
        <Layout>
            <Header className={styles.header}>
                <div className={styles.container}>
                    <Logo />
                </div>

            </Header>
            <Content className={styles.main}>
                <Outlet></Outlet>
            </Content>
            <Footer>Footer</Footer>
        </Layout>
    </>
}

export default MainLayout